<template>
    <div>
        <el-header style="text-align: right; font-size: 15px">
            <span>
                欢迎使用学籍管理系统-成绩统计
            </span>
        </el-header>
        <el-form  :model="ruleForm" style="margin-top:25px"    :rel="ruleForm" label-width="10%"  class="demo-ruleForm">

            <el-form-item label="专业" prop="m_id">
                <el-select v-model="ruleForm.m_id" placeholder="请选择要查询的专业">
                    <el-option label="软件工程" value="201"></el-option>
                    <el-option label="网络工程" value="202"></el-option>
                    <el-option label="计算机科学与技术" value="203"></el-option>
                </el-select>
            </el-form-item>

            <el-form-item >
                <el-button type="primary" @click="submitForm('ruleForm')">立即查询</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                ruleForm: {
                    m_id: ''
                }
            }
        },
        methods: {
            submitForm(ruleForm) {

                this.$router.push({
                    path: '/Page13',
                    query:{
                        id:this.ruleForm.m_id
                    }
                })
            }
        }
    }
</script>